/* * This is a sample custom stylesheet. Copy it to ubermenu/custom/custom.css and * set your Style Application setting to 'Custom' to start customizing */ /********************************************************************** * UberMenu Skin: Custom * UberMenu - WordPress Mega Menu Plugin http://wpmegamenu.com **********************************************************************/ ul.sub-menu.sub-menu-1 { min-height:200px!important; } ul.sub-menu.sub-menu-1 > li:hover { background:#ccc!important; } .nav ul.sub-menu.sub-menu-1 li.current-page-ancestor > a, .nav ul.sub-menu.sub-menu-1 li.current_page_parent > a, .nav ul.sub-menu.sub-menu-1 li.current-menu-ancestor > a, .nav ul.sub-menu.sub-menu-1 li.current-menu-parent > a { background:none!important; } .nav ul.sub-menu.sub-menu-1 li.current_page_item > a, .nav ul.sub-menu.sub-menu-1 li.current-menu-item > a { background:none!important; border-bottom:1px solid #ccc!important; } li.ss-nav-menu-with-img { position:absolute!important; display:inline-block!important; *display:inline!important; background:#a7a7a7!important; padding:0!important; width:180px!important; height:100%!important; top:0!important; right:-1px!important; z-index:1; } li.ss-nav-menu-with-img:before { content:'Featured Project'; position:relative; margin-left:14px; top:14px; color:#fff; font-size:10px; font-weight:600; text-transform:uppercase; } li.ss-nav-menu-with-img img { width:154px!important; height:100%!important; max-height:110px; } li.ss-nav-menu-with-img a { position:relative; top:20px; left:14px; } li.ss-nav-menu-with-img .wpmega-link-title { padding:5px 0 0!important; color:#fff!important; font-weight:200; clear:both!important; } li.ss-nav-menu-with-img .wpmega-link-title:before { content:''!important; } li.ss-nav-menu-with-img a span.readMore { background:#F5952D!important; margin-top:5px!important; padding:4px 6px 0 !important; color:#fff!important; font-size:11px!important; } ul.sub-menu.sub-menu-2 li { margin-left:10px!important; } ul.sub-menu.sub-menu-2 li a { color:#fff; } /* Menu Bar */ #megaMenu { background:none; margin:-10px 0 0; border:none; border-radius:none; background-clip:none; box-shadow:none; } /* Top Level Items */ #megaMenu ul.megaMenu > li > a { display:block; margin-right:-2px; padding:40px 0 21px 10px!important; color:#fff; font-size:15px; font-weight:300; line-height:14px; text-transform:uppercase; } #megaMenu ul.megaMenu > li > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator:after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after { position:relative; content:'|'!important; display:inline; background:none; margin-left:10px!important; padding:0; top:auto; right:auto; color:#3a569b; font-size:inherit; border:none; } #megaMenu ul.megaMenu > li:hover > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub:hover > a:after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub:hover > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega:hover > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub:hover > span.um-anchoremulator:after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub:hover > span.um-anchoremulator:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega:hover > span.um-anchoremulator:after { color:#adafb2; } #megaMenu ul.megaMenu > li:last-of-type > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub:last-of-type > a:after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub:last-of-type > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega:last-of-type > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub:last-of-type > span.um-anchoremulator:after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub:last-of-type > span.um-anchoremulator:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega:last-of-type > span.um-anchoremulator:after { content:''!important; } /* Horizontal Menu Items */ #megaMenu.megaMenuHorizontal ul.megaMenu > li > a, #megaMenu.megaMenuHorizontal ul.megaMenu > li > span.um-anchoremulator { border-left:none; box-shadow:none; } /* Menu Items with Dropdowns */ #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > a, #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator, #megaMenu ul li.mega-with-sub > a, #megaMenu ul li.mega-with-sub > span.um-anchoremulator, #megaMenu ul li.ss-nav-menu-mega > a, #megaMenu ul li.ss-nav-menu-mega > span.um-anchoremulator { padding-right: inherit; } /* Top Level Items - Hover */ #megaMenu ul.megaMenu > li:hover > a, #megaMenu ul.megaMenu > li > a:hover, #megaMenu ul.megaMenu > li.megaHover > a { background:#adafb2; color: #fff; border:none; box-shadow:none; } /* Top Level Items Title - Hover */ #megaMenu .wpmega-link-title, #megaMenu ul.megaMenu > li:hover > a span.wpmega-link-title, #megaMenu ul.megaMenu > li:hover > span.um-anchoremulator span.wpmega-link-title, #megaMenu ul.megaMenu > li > a:hover span.wpmega-link-title, #megaMenu ul.megaMenu > li > span.um-anchoremulator:hover span.wpmega-link-title, #megaMenu ul.megaMenu > li.megaHover > a span.wpmega-link-title, #megaMenu ul.megaMenu > li.megaHover > span.um-anchoremulator span.wpmega-link-title { display:inline; text-shadow:none; } /* Top Level Items - Current Item */ #megaMenu ul.megaMenu > li.current-menu-item > a, #megaMenu ul.megaMenu > li.current-menu-parent > a, #megaMenu ul.megaMenu > li.current-menu-ancestor > a { color: #444444; font-weight:300; } /* Sub Menu Container Style */ #megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu ul.megaMenu li.ss-nav-menu-reg ul.sub-menu { background:#adafb2; left:0!important; color:#fff;text-shadow:none; border:none; border-radius:0!important; box-shadow:5px 0px 15px #222; -webkit-box-shadow:5px 0px 15px #222; -moz-box-shadow:5px 0px 15px #222; -o-box-shadow:5px 0px 15px #222; -ms-box-shadow:5px 0px 15px #222; } /* Horizontal Sub Menus */ #megaMenu.megaMenuHorizontal ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu.megaMenuHorizontal ul.megaMenu li.ss-nav-menu-reg ul.sub-menu { border-top:none; } /* Sub Menu Columns */ #megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1 > li { min-width: 100px; } /* Sub Menu Headers */ #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > a, #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li:hover > a, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a, #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > span.um-anchoremulator, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > span.um-anchoremulator, .wpmega-widgetarea h2.widgettitle { color:#fff; font-weight:400; text-shadow:none; padding-bottom:0; border-bottom:none; margin-bottom:0; } #megaMenu ul.sub-menu-1 { padding-top:10px!important; } #megaMenu ul.sub-menu-2 .wpmega-link-title:before { content:'>'; position:relative; float:left;margin-right:5px; color:#19398a; font-size:12px; font-weight:300; } #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item { margin-top:0; margin-bottom:0; padding:5px 10px; } #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item:last-of-type { padding-bottom:10px; } /* Sub Menu Links & Fake Links */ #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > a, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > span.um-anchoremulator, #megaMenu ul ul.sub-menu li > a, #megaMenu ul ul.sub-menu li > span.um-anchoremulator { margin:-3px 0 0!important; padding:0!important; font-size:14px; font-weight:300; } /* Sub Menu Link Hover */ #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li a:hover, #megaMenu ul ul.sub-menu > li:hover > a { color: #000000; background-color: transparent; } /* Top Level Search Bar */ #megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform { padding-top: 2px; } /* Highlight color */ #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > span.um-anchoremulator { color: #d83f28 !important; } /* Image Spacing */ #megaMenu .ss-nav-menu-with-img > a > .wpmega-link-title, #megaMenu .ss-nav-menu-with-img > a > .wpmega-link-description, #megaMenu .ss-nav-menu-with-img > a > .wpmega-item-description, #megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-title, #megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-description, #megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-item-description { padding-left: 25px; } .ss-nav-menu-with-img { min-height: 16px; } /* Item Description */ #megaMenu ul.megaMenu li a span.wpmega-item-description, #megaMenu ul.megaMenu li span.um-anchoremulator span.wpmega-item-description { font-size: 9px; color: #bbbbbb; text-transform: uppercase; } /* Arrow Colors */ #megaMenu ul li.mega-with-sub > a:after, #megaMenu ul li.ss-nav-menu-mega > a:after, #megaMenu ul li.mega-with-sub > span.um-anchoremulator:after, #megaMenu ul li.ss-nav-menu-mega > span.um-anchoremulator:after { border-top-color: #bbbbbb; } #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > a:after, #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator:after { border-left-color: #bbbbbb; } /* Vertical */ #megaMenu.megaMenuVertical > ul > li > a, #megaMenu.megaMenuVertical > ul > li > span.um-anchoremulator { background-color: #fefefe; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4)); background: -webkit-linear-gradient(top, #fefefe, #f4f4f4); background: -moz-linear-gradient(top, #fefefe, #f4f4f4); background: -ms-linear-gradient(top, #fefefe, #f4f4f4); background: -o-linear-gradient(top, #fefefe, #f4f4f4); } #megaMenu.megaMenuVertical ul li.ss-nav-menu-reg li.megaReg-with-sub > a:after, #megaMenu.megaMenuVertical ul li.mega-with-sub > a:after, #megaMenu.megaMenuVertical ul li.ss-nav-menu-mega > a:after, #megaMenu.megaMenuVertical ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator:after, #megaMenu.megaMenuVertical ul li.mega-with-sub > span.um-anchoremulator:after, #megaMenu.megaMenuVertical ul li.ss-nav-menu-mega > span.um-anchoremulator:after { border-left-color: #bbbbbb; } #megaMenu.megaMenuVertical ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu.megaMenuVertical ul.megaMenu li.ss-nav-menu-reg ul.sub-menu { border-left: 1px solid #e0e0e0; } /* IE7 Hacks */ #megaMenu.megaMenuHorizontal ul.megaMenu { *border-bottom: none; } #megaMenu.megaMenuVertical ul.megaMenu { *border-right: none; }